<template>
  <div>
    <page-list :x-uri="uri" :custom-components="custom" :search-options="searchOptions" :checkbox-item="false">
      <!-- 自定义tab -->
      <template v-slot:page-tabs>
        <edu-page-tabs :tab-list="xTabs" />
      </template>
    </page-list>
  </div>
</template>

<script>
import PageList from '@public/template/page_list.vue';
import EduPageTabs from '@public/template/tabs/page_tabs.vue';
import Price from './components/price';
import Balance from './components/balance';
import { shortcutsLayterThreeMonth } from '@/common/js/const.js';

export default {
  components: {
    PageList,
    EduPageTabs
  },
  inject: ['reload'],
  data() {
    return {
      uri: '/admin/finance/schoolflow/balance',
      xTabs: [
        {
          title: '余额流水',
          uri: '/finance/schoolflow/balance',
          meta: {
            permission: 'finance.schoolflow.balance'
          }
        }
      ],
      custom: {
        price: Price,
        balance: Balance
      },
      searchOptions: {
        time: {
          shortcuts: shortcutsLayterThreeMonth
        }
      }
    };
  }
};
</script>
